// About Area
.support-company-area{
    .support-location-img{
		position: relative;
		@media #{$md}{
			right: 0px;
			margin-bottom: 40px;
		}
		@media #{$sm}{
			right: 0px;
			margin-bottom: 40px;
		}
		@media #{$xs}{
			right: 0px;
			margin-bottom: 40px;
		}
        img{
            width: 100%;
		}
		// Shape
		.about-shape{
			position: absolute;
			left: -94px;
			bottom: -93px;
			z-index: -1;
		}
	}
	// Right Content
	.right-caption{
		position: relative;
		.support-caption{
			span{
				color: #FF6162;
				font-size: 25px;
				margin-bottom: 20px;
				display: block;
				@media #{$xs}{
					font-size: 20px;
				}
			}
			p.pera-top{
				font-size: 24px;
				font-weight: 400;
				margin-bottom: 22px;
				line-height: 1.3;
			}
			p{
				font-size: 18px;
				font-weight: 400;
				line-height: 1.8;
			}
		}
	}
}

// About 2
.project-us{
    position: relative;
    // left content
    position: relative;

    // left img
    .project-right-cap{
        @media #{$md}{
            padding-top: 50px;
        }
        @media #{$lg}{
            padding-top: 50px;
        }
        @media #{$sm}{
            padding-top: 40px;
        }
        @media #{$xs}{
            padding-top: 40px;
        }
        .project-right-img{
            img{
                width: 100%;
            }
        }
    }
    
    /* collapse */
    .collapse-wrapper{
        width: 80%;
        @media #{$xs}{
            width: 100%;
        }
        .card {
            border: 0em;
            border-radius: 0;
            // background: #fff;
        }
        .card:last-child {
            margin-bottom: 0px;
        }
        .card-header {
            padding: 0;
            border-radius: 0;
            background: none;
            border: 0;
            a {
                font-size: 16px;
                padding: 20px 15px 20px 41px;
                color: #506072;
                display: block;
                text-decoration: none;
                border-bottom: 1px solid #EFEFEF !important;

                font-size: 18px;
                font-weight: 600;
            }
            a.btn-link {
                color: $theme-color;
            }
            a.collapsed {
                color: #010A44;
            }
            h2 {
                a.collapsed::after {
                    content: "\e61a";
                    font-weight: 800;
                    color: $theme-color;
                }
                a::after {
                    position: absolute;
                    top: 22px;
                    font-size: 15px;
                    color: $theme-color;
                    left: 8px;
                    font-weight: 600;
                    
                    content: "\e622";
                    font-family: 'themify';
                }
            }
        }
        .card-body {
            background: #fff;
            padding: 20px 38px;
        }
    }

}
